.cate {
  .header {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
  .nav {
    padding: 6px 10px;
  }
  .bigbox {
    flex: 1;
    display: flex;
    height: 100%;
    overflow: auto;
    .left {
      width: 5rem;
      line-height: 40px;
      text-align: center;
      padding: 6px;
      background-color: rgba(235, 234, 234, 0.39);
      .btn-s {
        height: 40px;
        line-height: 40px;
      }
      .btn-s p {
        line-height: 30px;
        text-align: center;
        margin: 5px 0;
        border-left: 3px solid rgb(231, 49, 49);
        color: rgb(230, 39, 39);
        font-weight: 700;
        background-color: white;
      }
    }
    .right {
      flex: 1;
      .list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        .cater {
          width: 30%;
          text-align: center;
          line-height: 40px;
          img {
            width: 50%;
          }
        }
      }
    }
  }
}
